.radio-ctrl-icon-status {
    display: flex;
    width: 20px;
    height: 15px;
    overflow: hidden;

    &--paused {
        .radio-ctrl-icon-status_child {
            top: 0;
            animation: none;
        }
    }

    &_child {
        position: relative;
        margin-right: 2px;
        height: 15px;
        width: 6px;

        &:nth-last-child {
            margin: 0;
        }

        &--anima {
            top: 0px;
            animation: liner ease-in-out 1s infinite alternate;
        }
    }

    &_block {
        display: block;
        height: 1px;
        margin-bottom: 1px;
        background: seagreen;

        &:nth-last-child {
            margin: 0;
        }
    }
}

@keyframes liner {
    50% {
        top: 12px;
    }
}
